<template>
  <div>
    <basic-container>内容管理 / 书籍管理</basic-container>
    <basic-container>
      <avue-crud ref="crud" :data="data" :option="option" :page.sync="page"></avue-crud>
    </basic-container>
  </div>
</template>

<script>
export default {
  data() {
    return {
      page: {
        total: 1,
      },
      type: true,
      data: [],
      option: {
        delBtn: false,
        editBtn: true,
        column: [
          {
            label: "编号",
            prop: "id",
            type: "input",
            span: "编号",
            gutter: "id",
            search: false,
            addDisplay: false,
            editDisplay: false,
            addDisabled: true,
            editDisabled: true,
            readonly: true,
          },
          {
            label: "客服昵称",
            prop: "serviceNickName",
            type: "input",
            search: true,
          },
          {
            label: "客服头像",
            prop: "serviceHeadImg",
            type: "upload",
            required: true,
          },
          {
            label: "开场白",
            prop: "content",
            type: "textarea",
            required: true,
          },
          {
            label: "最后操作信息",
            prop: "lastOperationMessage",
            type: "input",
            addDisplay: false,
            editDisplay: true,
            addDisabled: false,
            editDisabled: true,
            readonly: true,
          },
        ],
      },
    };
  },
  methods: {},
};
</script>